<<<<<<< HEAD
*{
  box-sizing: border-box;
}
=======
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
.ant-carousel .slick-slide {
    text-align: center;
    height: 160px;
    line-height: 160px;
    background: #364d79;
    overflow: hidden;
  }
  
  .ant-carousel .slick-slide h3 {
    color: #fff;
  }
  .slick-track{
      overflow: hidden;
  }

  #navBox{
<<<<<<< HEAD
    /* width: 7.7rem; */
    width: 100%;
=======
    width: 7.7rem;
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
    height: 4.4rem;
    background:	#FFFFFF;
    text-align: center;
    margin: 0 auto;
    margin-top: 0.1rem;
<<<<<<< HEAD
=======
    margin-left: -0.2rem;
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
    border-bottom: 0.1rem #F6F6F6 solid
  }
#pic{
    height: 1rem;
    width: 1rem;
<<<<<<< HEAD
    border-radius: 50%;
    z-index: 1;
}
#navBox #ul1{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
}
#ul1>li{
  /* height: 1rem; */
  float: left;
  width: 25%;
  list-style: none;
  margin-top: 0.7rem;
}
#ul1>li>a{
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
#ul1>li>a>img{
  margin: 0 auto;
}
#ul1>li>a>span{
  display: inline-block;
=======
    margin: 0.2rem;
    border-radius: 50%;
    z-index: 1;
}
#pic:hover{
  height: 1.2rem;
    width: 1.2rem;
    color: red
}
#ul1>li{
  height: 1rem;
  width: 1.5rem;
  float: left;
  list-style: none;
  margin-left: 0.05rem;
  margin-top: 0.7rem
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
}

a{
  font-size: 0.22rem;
  color: darkgrey
}

<<<<<<< HEAD
=======
#ul2>li{
  height:1rem;
    width: 100%;
    background:#FFFFFF;
    margin: 0.4rem;
    list-style: none;
    margin-left: -0.3rem;
    border-bottom: 0.01rem solid gainsboro
}
#ul2>li>p{
  margin-left: 3rem;

  font-size: 0.2rem;
}
#ul2>li>i{
  margin-left: 1.7rem;
  color:red;
 
}
#ul2>li>img{
  position: absolute;
  width: 0.9rem;
  height: 0.9rem;
  margin-left: -1.2rem;
 
}
>>>>>>> 90970c75563bd55771150ee58505cae3aacce616
